<template>
  <div>
    <h1 v-big="50">
      我是局部自定义指令
    </h1>
    <input type="text" v-hi="hi">
  </div>
</template>

<script>
export default {
  data() {
    return {
      size: '100px',
      hi: 250
    }
  },
  // 局部自定义指令
  directives: {
    big(element, value) {
      // element 绑定的元素
      // vlaue   传的值
      console.log(element, value);
      element.style.fontSize = value.value + "px"
      element.style.color = 'red'
    }
  }
  // 全局自定义指令 去main.js中配置
}
</script>

<style lang="scss" scoped></style>